@charset "utf-8";
/* CSS Document */
@import url("base.mobile.css");

/*override*/
.main-color{color:#ce0000;}
.main-color-bg{background:#ce0000;}
.sub-color{color:#e24e17;}
.sub-color-bg{background:#e24e17;}
.price-color{color:#d3100f;}
.navBar{background:rgba(206,0,0,0.98);/*background:#333;*/ position:fixed;}
.navBar::after{display:none;}
.navBar .titleView, .navBar a, .navBar a:hover{color:#fff;}
.pullRefresh .pullFooter > span{height:44px; line-height:44px;}
.norecord{font-size:12px;}
.buttonView .btn.pass{background:#ce0000;}

.return-back, .navBar i.return-back{display:block; position:fixed; z-index:11; left:10px; top:10px; width:44px; height:44px; background:url(../images/mobile/detail/d-return@2x.png) no-repeat center center; background-size:cover;}
.navBar i.return-back{position:relative; left:auto; top:auto;}

/*底部导航*/
.footer{width:100%; height:49px; overflow:hidden; position:fixed; left:0; bottom:0; z-index:200; background:rgba(255,255,255,0.95);}
.footer::before{content:""; position:absolute; left:0; top:0; display:block; width:100%; height:1px; overflow:hidden; background:#c7c7c7; transform-origin:top; -webkit-transform-origin:top;}
.footer a{width:33%; height:49px; overflow:hidden; display:block; float:left; background:no-repeat center center; background-size:auto 100%;}
.footer a.ico1{background-image:url(../images/mobile/tabBar/tabBar1@2x.png);}
.footer a.ico1.this{background-image:url(../images/mobile/tabBar/tabBar1-x@2x.png);}
.footer a.ico2{background-image:url(../images/mobile/tabBar/tabBar2@2x.png);}
.footer a.ico2.this{background-image:url(../images/mobile/tabBar/tabBar2-x@2x.png);}
.footer a.ico3{background-image:url(../images/mobile/tabBar/tabBar3@2x.png);}
.footer a.ico3.this{background-image:url(../images/mobile/tabBar/tabBar3-x@2x.png);}
.footer a.ico4{background-image:url(../images/mobile/tabBar/tabBar4@2x.png);}
.footer a.ico4.this{background-image:url(../images/mobile/tabBar/tabBar4-x@2x.png);}
.footer a.ico5{background-image:url(../images/mobile/tabBar/tabBar5@2x.png);}
.footer a.ico5.this{background-image:url(../images/mobile/tabBar/tabBar5-x@2x.png);}
.footer a.ico4.badge sub{top:5px; left:auto; right:7px; margin-left:0;}
.footer a.ico4 div{position:relative; width:49px; height:49px; margin:0 auto;}

/*首页*/
.home-index .cate{background:#fff; width:100%; height:auto; overflow:hidden; padding:5px 0 15px 0;}
.home-index .cate a{display:block; float:left; width:25%; height:auto; overflow:hidden; margin-top:10px; text-decoration:none; text-align:center;}
.home-index .cate a div{display:block; width:42px; height:42px; text-decoration:none; background:no-repeat center center; background-size:cover;}
.home-index .cate a div.ico1{background-image:url(../images/mobile/home/h-type-ico1@2x.png);}
.home-index .cate a div.ico2{background-image:url(../images/mobile/home/h-type-ico2@2x.png);}
.home-index .cate a div.ico3{background-image:url(../images/mobile/home/h-type-ico3@2x.png);}
.home-index .cate a div.ico4{background-image:url(../images/mobile/home/h-type-ico4@2x.png);}
.home-index .cate a div.ico5{background-image:url(../images/mobile/home/h-type-ico5@2x.png);}
.home-index .cate a div.ico6{background-image:url(../images/mobile/home/h-type-ico6@2x.png);}
.home-index .cate a div.ico7{background-image:url(../images/mobile/home/h-type-ico7@2x.png);}
.home-index .cate a div.ico8{background-image:url(../images/mobile/home/h-type-ico8@2x.png);}
.home-index .cate a span{display:block; width:100%; height:15px; line-height:15px; font-size:12px; color:#333; text-decoration:none; transform:scale(0.8); -webkit-transform:scale(0.8);}
.home-index .tip{height:43px; line-height:43px; overflow:hidden; text-align:left; font-size:12px; font-weight:500; color:#333;}
.home-index .tip i{display:block; margin-top:5px; float:left; width:25px; height:33px; background:url(../images/mobile/home/h-tip-ico1@2x.png) no-repeat center center; background-size:cover;}
.home-index .ads li{height:103px; margin-bottom:6px;}
.home-index .ads li a{display:block; width:100%; height:100%; background:no-repeat center center; background-size:cover;}

.pageView{position:relative;}
.pageView li{overflow:hidden; text-align:center;}
.pageView li a{height:100%; display:block; background:no-repeat center center; background-size:cover;}
.pageView .pager{position:absolute; left:50%; bottom:10px;}
.pageView .pager a{display:block; width:6px; height:6px; overflow:hidden; background:rgba(255,255,255,0.4); transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;}
.pageView .pager a.this{background:rgba(255,255,255,1);}

.search-input input{background-color:#bf1113; border:none; padding:0 10px; box-sizing:border-box; width:200px; height:28px; border-radius:4px; font-size:12px; color:#fff;}
.search-input input::-webkit-input-placeholder, .search-input input::-moz-placeholder{color:#fff;}
.searchHistory .title, .searchHistory .list li{padding-left:15px; height:37px; line-height:37px; overflow:hidden; background:#f3f3f3; font-size:12px; margin-bottom:1px; text-align:left;}
.searchHistory .title{font-weight:500;}
.searchHistory .title a{display:block; width:37px; height:37px; float:right; background:url(../images/mobile/home/h-search-del@2x.png) no-repeat center center; background-size:cover;}
.searchHistory .list li a{display:block; width:100%; height:100%; font-size:12px; color:#666; text-align:left; text-decoration:none;}
.searchHistory .list li.norecord{padding:0; top:auto; width:100%; height:100px; line-height:100px; text-align:center; color:#999; margin:0;}

/*国家馆*/
.country-index .list{margin:6px; height:auto; overflow:hidden;}
.country-index .list li{float:left; margin-bottom:6px; width:100%; height:110px;}
.country-index .list li:nth-child(3n){margin-left:6px;}
.country-index .list li a{position:relative; display:block; width:100%; height:100%; text-decoration:none; text-decoration:none; background:no-repeat center center; background-size:cover;}
.country-index .list li a .name{position:absolute; right:0; bottom:0; padding-right:5px; padding-top:22px; line-height:13px; width:115px; height:50px; overflow:hidden; font-size:12px; color:#fff; text-align:right; box-sizing:border-box; background:url(../images/mobile/country/cou-sj@2x.png) no-repeat center center; background-size:cover;}
.country-index .list li a .name span{display:block; line-height:15px; color:#fff; font-size:12px; -webkit-transform:scale(0.74); transform:scale(0.74); -webkit-transform-origin:right; transform-origin:right;}

.country-list .headerView{width:100%; height:154px; background:no-repeat center center; background-size:cover;}
.country-list header{position:-webkit-sticky; position:sticky; top:44px; z-index:3; margin:0; background:#fff; width:100%; height:35px; line-height:35px; overflow:hidden; clear:both; text-align:left;}
.country-list header a{color:#999;}

.goods-item{margin:10px; overflow:auto;}
.goods-item li{float:left; height:207px; margin-bottom:10px;}
.goods-item li:nth-child(2n){margin-left:10px;}
.goods-item li a{position:relative; display:block; background:#fff; width:100%; height:100%; text-decoration:none; -webkit-transition:-webkit-transform 300ms ease-out,opacity 300ms ease-out; transition:transform 300ms ease-out,opacity 300ms ease-out;}
.goods-item li a:active{-webkit-transform:scale(0.95); transform:scale(0.95); opacity:0.7;}
.goods-item li a .pic{height:145px; background:no-repeat center center; background-size:cover;}
.goods-item li a .title{padding:0 8px; height:62px; transform:translateZ(0); position:relative;}
.goods-item li a .title div{font-size:12px; width:120%; height:32px; overflow:hidden; text-align:left; -webkit-transform:scale(0.83); transform:scale(0.83); -webkit-transform-origin:left; transform-origin:left;}
.goods-item li a .title font{display:block; font-size:12px; width:120%; height:13px; line-height:13px; text-align:left; -webkit-transform:scale(0.83); transform:scale(0.83); -webkit-transform-origin:left; transform-origin:left;}
.goods-item li a .title span{position:absolute; z-index:1; right:10px; bottom:3px; display:block; color:#ce0000; font-size:12px; width:100%; height:13px; line-height:13px; text-align:right; -webkit-transform:scale(0.83); transform:scale(0.83); -webkit-transform-origin:right; transform-origin:right;}
.goods-item li a .title span strong{font-weight:normal; color:#ce0000;}
.goods-item li a .title span.integral{right:auto; left:10px; color:#333; text-align:left; -webkit-transform-origin:left; transform-origin:left;}
.goods-item li a .title font.btn{position:absolute; right:3px; bottom:3px; background:#ce0000; width:55px; height:14px; line-height:14px; text-align:center; border-radius:2px; -webkit-transform:none; transform:none;}
.goods-item li a .title font.btn b{display:block; width:100%; height:14px; line-height:14px; font-weight:normal; font-size:12px; color:#fff; webkit-transform:scale(0.75); transform:scale(0.75);}
.goods-item li a .plus{position:absolute; z-index:1; right:5px; bottom:5px; width:22px; height:22px; line-height:22px; text-decoration:none; background:#ce0000; color:#fff; font-size:16px; border-radius:100%;}
.goods-item li a textarea{display:none;}
.coffee-index .goods-item li a .title span{left:7px; right:auto; bottom:7px; text-align:left; color:#333; font-size:16px; -webkit-transform-origin:left; transform-origin:left;}
.coffee-index .goods-item li a .title span strong{color:#333; font-size:16px;}

/*咖啡馆*/
.coffee-index{padding-bottom:40px;}
.coffee-index .headerView{width:100%; height:154px; background:url(../images/mobile/coffee/co-bg@2x.png) no-repeat center center; background-size:cover;}

.coffee-bottomView{position:fixed; z-index:1; left:0; bottom:0; text-align:left; width:100%; height:40px; line-height:40px;}
.coffee-bottomView .btn{display:block; float:right; text-align:center; width:100px; height:100%; line-height:40px; font-size:12px; color:#fff; text-decoration:none; background:#ce0000;}
.coffee-bottomView .cart{float:left; width:40px; height:40px; margin-right:10px; background:url(../images/mobile/detail/d-cart@2x.png) no-repeat center center; background-size:38px 38px;}
.coffee-bottomView .badge sub{top:5px; left:auto; right:0; margin-left:0;}
.coffee-bottomView .price{float:left; color:#fff; font-size:12px;}

/*体验店*/
.shop-index .list{margin:10px;}
.shop-index .list > li{margin-bottom:10px;}
.shop-index .list > li a{display:block; width:100%; height:100%; text-decoration:none; background:#fff;}
.shop-index .list > li a .view{margin-left:100px; height:38px; line-height:38px; text-align:left;}
.shop-index .list > li a .view div{float:left; margin-left:-90px; width:90px; height:100%; overflow:hidden; font-size:12px; color:#333; -webkit-transform:scale(0.9); transform:scale(0.9); -webkit-transform-origin:left; transform-origin:left;}
.shop-index .list > li a .view div tt{font-size:12px;}
.shop-index .list > li a .view ul{width:100%; height:100%; overflow:hidden;}
.shop-index .list > li a .view li{margin-top:4px; margin-left:15px; height:15px; line-height:15px; transform:translateZ(0);}
.shop-index .list > li a .view li:last-child{margin-top:0;}
.shop-index .list > li a .view li i{display:block; width:15px; height:15px; float:left; margin-left:-15px; background:url(../images/mobile/shop/s-ico1@2x.png) no-repeat center center; background-size:cover;}
.shop-index .list > li a .view li:last-child i{background-image:url(../images/mobile/shop/s-ico2@2x.png);}
.shop-index .list > li a .view li span{display:block; width:130%; height:100%; overflow:hidden; font-size:12px; color:#bbb; -webkit-transform:scale(0.75); transform:scale(0.75); -webkit-transform-origin:left; transform-origin:left;}
.shop-index .list > li a .pic{height:120px; background:no-repeat center center; background-size:cover;}

.shop-detail .headerView{width:100%; height:154px; background:no-repeat center center; background-size:cover;}
.shop-detail .info{background:#fff;}
.shop-detail .info li{height:33px; line-height:33px;}
.shop-detail .info li div{width:50%; text-align:center; float:left;}
.shop-detail .info li div a{display:block; margin:0 auto; width:100px; height:100%; overflow:hidden; font-size:12px; color:#bbb; text-align:left; text-decoration:none;}
.shop-detail .info li i{display:block; float:left; margin-top:9px; width:15px; height:15px; background:url(../images/mobile/shop/s-ico1@2x.png) no-repeat center center; background-size:cover;}
.shop-detail .info li div:last-child i{background-image:url(../images/mobile/shop/s-ico2@2x.png);}
.shop-detail .info li:last-child{text-align:left; font-size:12px; font-weight:500; color:#333;}
.shop-detail .info li:last-child i{width:25px; height:33px; margin-top:0; background-image:url(../images/mobile/home/h-tip-ico1@2x.png);}
.shop-detail .list li{height:103px; margin-bottom:6px;}
.shop-detail .list li a{display:block; width:100%; height:100%; background:no-repeat center center; background-size:cover;}

.shop-maper > div iframe{float:left; width:100%; height:100%; overflow:hidden; border:none;}
.shop-maper > div a{display:block; margin-bottom:-62px; text-align:left; width:100%; height:62px; overflow:hidden; padding:7px; text-decoration:none; box-sizing:border-box;}
.shop-maper > div a > div{margin-left:58px; height:48px;}
.shop-maper > div a > div .avatar{margin-left:-58px; float:left; width:48px; height:48px; background:no-repeat center center; background-size:cover;}
.shop-maper > div a > div .name{height:18px; line-height:18px; font-size:12px; color:#333;}
.shop-maper > div a > div li{height:15px; line-height:15px; margin-left:10px;}
.shop-maper > div a > div li i{display:block; width:15px; height:15px; float:left; margin-left:-15px; background:url(../images/mobile/shop/s-ico1@2x.png) no-repeat center center; background-size:cover;}
.shop-maper > div a > div li:last-child i{background-image:url(../images/mobile/shop/s-ico2@2x.png);}
.shop-maper > div a > div li span{display:block; width:130%; height:100%; overflow:hidden; font-size:12px; color:#bbb; -webkit-transform:scale(0.75); transform:scale(0.75); -webkit-transform-origin:left; transform-origin:left;}

/*分类*/
.category-index .tableView section::before{display:none;}
.category-index .tableView section > header, .category-index .tableView section .sticky header{height:40px; background:rgba(255,255,255,0.95);}
.category-index header a{display:block; padding-left:15px; height:100%; line-height:40px; text-align:left; color:#333; font-size:12px; font-weight:500; text-decoration:none;}
.category-index .tableView > section > li{height:auto; overflow:hidden;}
.category-index li a{display:block; float:left; width:33.3%; height:auto; overflow:hidden; padding:12px 0 4px 0; text-decoration:none; text-align:center;}
.category-index li a div{display:block; width:42px; height:42px; text-decoration:none; background:no-repeat center center; background-size:cover;}
.category-index li a span{display:block; width:100%; height:22px; line-height:22px; font-size:12px; color:#333; text-decoration:none; transform:scale(0.8); -webkit-transform:scale(0.8);}

.goods-list header{position:-webkit-sticky; position:sticky; top:0; z-index:3; margin:0; background:#fff; width:100%; height:35px; line-height:35px; overflow:hidden; clear:both; text-align:left;}
.goods-list header a{color:#999;}
.goods-list header li:nth-child(4) a{background-repeat:no-repeat; background-image:url(../images/mobile/cate/c-filter-ico@2x.png); background-position:-webkit-calc(50% + 18px) center; background-position:calc(50% + 18px) center; background-size:14px 100%;}
.goods-list .tip{margin:0 10px; margin-top:9px; height:13px; line-height:13px; font-size:12px; color:#ce0000; text-align:left;}

.filterView-face{overflow:hidden;}
.filterView{position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:#fff; -webkit-transform:translateX(100%); transform:translateX(100%); -webkit-transition:-webkit-transform 300ms ease-out; transition:transform 300ms ease-out;}
.filterView-x{-webkit-transform:translateX(10%); transform:translateX(10%);}
.filterView > div{width:90%; height:100%; overflow:auto; margin:0;}
.filterView .navBar{width:90%;}
.filterView .bottomView{position:fixed; z-index:10; left:0; bottom:0; width:90%; height:42px;}
.filterView .bottomView a{display:block; float:left; width:50%; height:100%; line-height:42px; text-align:center; text-decoration:none; font-size:12px;}
.filterView .bottomView a.btn{float:right; background:#ce0000; color:#fff;}
.filterView .tableView{padding-bottom:42px;}
.filterView .tableView h1{padding:10px 17px; text-align:left;}
.filterView .tableView .label{line-height:40px; font-size:12px;}
.filterView .tableView h1 > div{width:100%; height:auto; overflow:hidden;}
.filterView .tableView h1 > div span{display:block; float:left; margin-right:10px; margin-bottom:10px; text-align:center; width:68px; height:30px; line-height:30px;}
.filterView .tableView h1 > div span input{display:none;}
.filterView .tableView h1 > div span label{display:block; height:100%; padding:0 7px; border-radius:2px; background:#f3f3f3; cursor:pointer; transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out;}
.filterView .tableView h1 > div span label div{width:100%; height:100%; overflow:hidden; font-size:12px; -webkit-transform:scale(0.84); transform:scale(0.84);}
.filterView .tableView h1 > div span input:checked + label{background:#ce0000;}
.filterView .tableView h1 > div span input:checked + label div{color:#fff;}
.filterView .tableView h1 > div font{display:block; float:left; height:30px; line-height:30px; margin-right:7px; color:#666; font-size:12px;}
.filterView .tableView h1 > div font input{width:68px; height:30px; background:#f3f3f3; border:none; text-align:center; font-size:12px; border-radius:3px; vertical-align:middle;}

/*发现*/
.navBar i.article-edit{background-image:url(../images/mobile/discover/di-edit@2x.png);}
.article-index .list > li{margin-bottom:8px; background:#fff;}
.article-index .list li a{display:block; height:auto; overflow:hidden; text-decoration:none; text-align:left;}
.article-index .list li a .title{margin-top:12px; padding:0 10px; color:#333; height:16px; line-height:16px; overflow:hidden; font-size:12px; font-weight:bold;}
.article-index .list li a .title div{float:right; height:100%; font-size:12px; color:#bbb; transform:scale(0.84); -webkit-transform:scale(0.84); transform-origin:right; -webkit-transform-origin:right;}
.article-index .list li a .content{padding:0 10px; color:#333; height:32px; line-height:32px; overflow:hidden; font-size:12px;}
.article-index .list li a ul{padding-bottom:10px; height:auto; overflow:hidden;}
.article-index .list li a ul li{float:left; margin-left:10px; width:95px; height:95px; background:no-repeat center center; background-size:cover;}
.article-index .list li a .bottom{height:32px;}
.article-index .list li a .bottom i, .article-index .list li a .bottom span{display:block; float:left; height:32px; line-height:32px;}
.article-index .list li a .bottom i{margin-left:30%; width:13px; background:url(../images/mobile/discover/di-ico1@2x.png) no-repeat center center; background-size:cover;}
.article-index .list li a .bottom i.comments{margin-left:20%; background-image:url(../images/mobile/discover/di-ico2@2x.png);}
.article-index .list li a .bottom span{width:40px; font-size:12px; color:#bbb; transform:scale(0.84); -webkit-transform:scale(0.84); transform-origin:left; -webkit-transform-origin:left;}

.discover-detail{padding-bottom:47px;}
.discover-detail .titleView{padding-top:12px; padding-left:10px; text-align:left;}
.discover-detail .titleView .title{font-size:12px; color:#333;}
.discover-detail .titleView .time{padding-left:12px; height:25px; line-height:25px; background:url(../images/mobile/discover/di-time@2x.png) no-repeat left center; background-size:auto 100%;}
.discover-detail .titleView .time span{display:block; font-size:12px; color:#999; transform:scale(0.84); -webkit-transform:scale(0.84); transform-origin:left; -webkit-transform-origin:left;}
.discover-detail .content{padding:10px 7px; font-size:12px; text-align:left; line-height:16px;}
.discover-detail .content p{font-size:12px;}
.discover-detail .zanView{height:57px; line-height:57px; text-align:left;}
.discover-detail .zanView div{margin-left:107px; margin-right:44px; height:57px;}
.discover-detail .zanView div .zan{display:block; float:left; margin-left:-107px; padding-left:57px; width:50px; text-align:left; background:url(../images/mobile/discover/di-zan@2x.png) no-repeat left center; background-size:auto 100%;}
.discover-detail .zanView div .zan span{display:block; font-size:12px; color:#999; transform:scale(0.84); -webkit-transform:scale(0.84); transform-origin:left; -webkit-transform-origin:left;}
.discover-detail .zanView div ul{width:100%; height:57px; overflow:hidden;}
.discover-detail .zanView div ul li{float:left; width:24px; height:24px; border-radius:12px; margin-right:5px; margin-top:16px; background:url(../images/avatar.jpg) no-repeat center center; background-size:cover;}
.discover-detail .goodsView{position:relative; background:#f3f3f3; padding-bottom:8px;}
.discover-detail .goodsView li{background:#fff;}
.discover-detail .goodsView a{display:block; text-align:left; text-decoration:none; height:54px; padding:10px 0; margin-left:74px;}
.discover-detail .goodsView a div{float:left; width:54px; height:54px; margin-left:-64px; background:url(../images/nopic.png) no-repeat center center; background-size:cover;}
.discover-detail .goodsView a span{display:block; height:34px; line-height:16px; padding-right:45px;}
.discover-detail .goodsView a font{display:block; height:20px; line-height:20px;}
.discover-detail .goodsView a h1{margin:0; padding:0; font-weight:normal; font-size:12px; -webkit-transform:scale(0.91); transform:scale(0.91); -webkit-transform-origin:left; transform-origin:left;}
.discover-detail .goodsView a font h1{color:#d00000;}
.discover-detail .goodsView .qi{position:absolute; z-index:1; right:0; top:0; width:45px; height:45px; background:url(../images/mobile/discover/di-qi@2x.png) no-repeat center center; background-size:cover;}
.discover-detail .commentView{padding-left:10px; font-size:12px; font-weight:500; height:33px; line-height:33px; text-align:left;}
.discover-detail .commentView span{color:#999; font-weight:normal;}
.discover-detail .list li{margin-left:10px; padding:8px 10px 10px 0;}
.discover-detail .list li .infoView{height:24px; line-height:24px;}
.discover-detail .list li .infoView div{float:left; width:24px; height:24px; border-radius:12px; margin-right:8px; background:url(../images/avatar.jpg) no-repeat center center; background-size:cover;}
.discover-detail .list li .infoView span{display:block; float:left; color:#333; font-size:12px; transform:scale(0.9); -webkit-transform:scale(0.9); transform-origin:left; -webkit-transform-origin:left;}
.discover-detail .list li .infoView font{display:block; float:right; color:#999; font-size:12px; transform:scale(0.9); -webkit-transform:scale(0.9); transform-origin:right; -webkit-transform-origin:right;}
.discover-detail .list li .memo{width:100%; margin-left:32px; color:#666; font-size:12px; text-align:left; transform:scale(0.9); -webkit-transform:scale(0.9); transform-origin:left; -webkit-transform-origin:left;}
.discover-detail .list li .memo img{width:16px; height:16px; vertical-align:bottom;}
.discover-detail .commentPost{position:fixed; z-index:999; left:0; bottom:0; width:100%; height:47px;}
.discover-detail .commentPost div{margin-left:8px; margin-right:39px; height:47px;}
.discover-detail .commentPost div a{display:block; margin-right:-39px; float:right; width:39px; height:47px; background:url(../images/mobile/discover/di-emoji@2x.png) no-repeat center center; background-size:cover;}
.discover-detail .commentPost div span{display:block; height:47px; overflow:hidden;}
.discover-detail .commentPost div span input{margin-top:9px; padding:0 6px; width:100%; height:29px; font-size:12px; background:#fff; border:none; border-radius:3px; box-sizing:border-box;}

.article-detail{font-size:12px; text-align:left;}

.discover-edit .view{background:#fff; overflow:hidden;}
.discover-edit .view:first-child{height:105px;}
.discover-edit .view .picView{margin:0 10px; margin-top:10px; height:60px;}
.discover-edit .view .picView a{display:block; float:left; margin-right:10px; width:60px; height:60px; background:no-repeat center center; background-size:cover;}
.discover-edit .view .picView a.plus{background-image:url(../images/mobile/discover/di-plus@2x.png);}
.discover-edit .view .tip{height:35px; text-align:left; padding-left:10px;}
.discover-edit .view .tip span{display:block; height:35px; line-height:35px; font-size:12px; color:#999; -webkit-transform:scale(0.83); transform:scale(0.83); -webkit-transform-origin:left; transform-origin:left;}
.discover-edit .view .title{margin-left:50px; height:44px; line-height:44px; text-align:left;}
.discover-edit .view .title font{display:block; float:left; width:40px; margin-left:-40px; font-size:12px;}
.discover-edit .view .title input{width:100%; height:44px; font-size:12px; box-sizing:border-box; border:none; background-color:transparent;}
.discover-edit .view .push-ico{display:block; padding-left:10px; text-align:left; font-size:12px; height:44px; line-height:44px;}
.discover-edit .con{height:44px; line-height:44px; text-align:left; padding-left:10px; font-size:12px;}
.discover-edit .view .content{margin:0 10px;}
.discover-edit .view .content textarea{width:100%; height:220px; font-size:12px; box-sizing:border-box; border:none; background-color:transparent;}
.discover-edit .goodsView li{height:53px; margin-bottom:10px; padding:0 10px;}
.discover-edit .goodsView li .row{height:100%; background:#f3f3f3; padding-right:53px;}
.discover-edit .goodsView li .row a{display:block; height:100%; text-align:left; text-decoration:none;}
.discover-edit .goodsView li .row .cl{float:right; width:53px; height:53px; margin-right:-53px; position:relative;}
.discover-edit .goodsView li .row .cl span{display:block; background:#d6d6d6; text-align:center; font-size:22px; color:#fff; width:22px; height:22px; line-height:20px; position:absolute; left:50%; top:50%; margin-left:-11px; margin-top:-11px; border-radius:100%;}
.discover-edit .goodsView li .row .bo{height:100%; margin-left:63px;}
.discover-edit .goodsView li .row .bo .pic{float:left; margin-left:-63px; width:53px; height:53px; background:no-repeat center center; background-size:cover;}
.discover-edit .goodsView li .row .bo .name, .discover-edit .goodsView li .row .bo .price{width:120%; height:30px; overflow:hidden; line-height:16px; font-size:12px; color:#777; -webkit-transform:scale(0.83); transform:scale(0.83); -webkit-transform-origin:left; transform-origin:left;}
.discover-edit .goodsView li .row .bo .name{padding-top:5px;}
.discover-edit .goodsView li .row .bo .price{height:17px; line-height:17px; color:#ce0000;}
.discover-edit .btn{display:block; position:fixed; z-index:200; left:0; bottom:0; background:#ce0000; width:100%; height:40px; line-height:40px; font-size:14px; text-decoration:none; color:#fff;}

/* 商品详情 */
.goods-detail:after{height:38px;}
.goods-detail .pics{overflow:hidden; position:relative; background:#fff;}
.goods-detail .pics .title{background:rgba(0,0,0,0.85); text-align:left; padding:5px 10px; color:#fff; font-size:12px;}
.goods-detail .pics li{width:100%; height:100%; overflow:hidden;}
.goods-detail .pics li a, .goods-detail .pics li a img{display:block; height:100%; margin:0 auto; text-align:center;}
.goods-detail .pics li a{width:100%;}
.goods-detail .pics .pager a{display:inline-block; float:left; text-indent:-99em; background:rgba(255,255,255,0.4); width:8px; height:8px; overflow:hidden; -webkit-border-radius:4px; border-radius:4px; opacity:0.7; margin-right:4px; text-decoration:none; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
.goods-detail .pics .pager a.this{background:rgba(255,255,255,1);}
.goods-detail .pics .pic{width:100%; height:100%; overflow:hidden; background:no-repeat center center; background-size:cover;}

.goods-detail .detail{position:relative; height:auto; overflow:hidden; background:#fff; text-align:left;}
.goods-detail .detail .name{margin:0 10px; padding:10px 0; font-size:14px; color:#333;}
.goods-detail .detail .price{margin-left:10px; padding-bottom:5px; height:33px; line-height:33px;}
.goods-detail .detail .price div{margin-right:10px; height:100%;}
.goods-detail .detail .price span{color:#d00000; font-size:14px;}
.goods-detail .detail .price s{font-size:12px; color:#ccc; -webkit-transform:scale(0.84); transform:scale(0.84); -webkit-transform-origin:left; transform-origin:left;}
.goods-detail .detail .integral{margin-left:10px; padding-bottom:5px; font-size:16px; color:#ce0000; text-align:left; height:24px; line-height:24px;}
.goods-detail .detail .country{height:30px; line-height:30px; overflow:hidden;}
.goods-detail .detail .country div{float:left; margin:7px 3px 0 10px; width:15px; height:15px; background:url(../images/mobile/detail/d-shop-ico@2x.png) no-repeat center center; background-size:cover;}
.goods-detail .detail .country font, .goods-detail .detail .country span{display:block; float:left; font-size:12px; color:#999; -webkit-transform:scale(0.84); transform:scale(0.84); -webkit-transform-origin:left; transform-origin:left;}
.goods-detail .detail .country span{float:right; margin-right:10px; -webkit-transform-origin:right; transform-origin:right;}

.goods-detail .param{position:relative; margin-top:8px; background:#fff; height:42px; line-height:42px; overflow:hidden; padding-left:8px; box-sizing:border-box;}
.goods-detail .detail .param{margin-top:0;}
.goods-detail .param div{float:left; width:27px; height:100%; background:no-repeat center center; background-size:cover;}
.goods-detail .param div.ico1{background-image:url(../images/mobile/detail/d-clicks@2x.png);}
.goods-detail .param div.ico2{background-image:url(../images/mobile/detail/d-sales@2x.png);}
.goods-detail .param div.ico3{background-image:url(../images/mobile/detail/d-stocks@2x.png);}
.goods-detail .param span{display:block; float:left; text-align:left; width:70px; height:42px; overflow:hidden; font-size:12px; color:#ccc;}
.goods-detail .param span.label3{width:90px;}

.goods-detail .detail-param{position:relative; margin-top:8px; background:#fff; padding:13px 0; padding-bottom:0;}
.goods-detail .detail-param ul{margin:0 10px;}
.goods-detail .detail-param ul li{margin-left:37px; height:auto; margin-bottom:3px;}
.goods-detail .detail-param ul li:last-child{margin-bottom:0;}
.goods-detail .detail-param ul li font, .goods-detail .detail-param ul li span{display:block; float:left; color:#666; height:22px; line-height:22px; box-sizing:border-box;}
.goods-detail .detail-param ul li font{width:37px; margin-left:-37px; text-align:left; font-size:12px; color:#333;}
.goods-detail .detail-param ul li span{margin-right:10px; margin-bottom:10px;}
.goods-detail .detail-param ul li span input{display:none;}
.goods-detail .detail-param ul li span label{display:block; height:100%; padding:0 7px; border-radius:2px; background:#f3f3f3; cursor:pointer; transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out;}
.goods-detail .detail-param ul li span label div{width:100%; height:100%; font-size:12px; -webkit-transform:scale(0.84); transform:scale(0.84);}
.goods-detail .detail-param ul li span input:checked + label{background:#fcb51d;}
.goods-detail .detail-param ul li span input:checked + label div{color:#fff;}
.goods-detail .detail-param ul li .num{float:left; border:1px solid #f3f3f3; width:66px; height:22px; line-height:22px; border-radius:2px;}
.goods-detail .detail-param ul li .num a, .goods-detail .detail-param ul li .num input{display:block; float:left; width:22px; height:22px; font-size:12px; color:#575757; background:transparent; border:none; text-align:center;}
.goods-detail .detail-param ul li .num a{font-size:16px; background:#f3f3f3; transition:all 200ms ease-out; -webkit-transition:all 200ms ease-out;}
.goods-detail .detail-param ul li .num a:active{color:#fff; background:#e24e17;}

.goods-detail .comments{display:block; background-color:#fff; margin-top:8px; height:44px; line-height:44px; overflow:hidden; padding-left:10px; text-align:left; text-decoration:none;}
.goods-detail .comments div, .goods-detail .comments span{display:block; float:left; color:#333; font-size:12px; margin-right:5px;}
.goods-detail .comments span{color:#ccc; -webkit-transform:scale(0.84); transform:scale(0.84); -webkit-transform-origin:left; transform-origin:left;}
.goods-detail .comments font{display:block; float:right; font-size:12px; color:#ccc; -webkit-transform:scale(0.84); transform:scale(0.84); -webkit-transform-origin:right; transform-origin:right;}

.goods-detail .memo{margin-top:8px; background:#fff; width:100%; height:auto; overflow:hidden; text-align:left;}
.goods-detail .memo .tip{padding-left:10px; height:44px; line-height:44px; color:#333; font-size:12px;}
.goods-detail .memo .content{height:auto; font-size:12px; text-align:left; margin:10px; margin-top:0;}
.goods-detail .memo .content img{width:100%; vertical-align:bottom;}
.goods-detail .memo .content p{padding:0; margin:0; margin-top:10px;}

.goods-detail .bottomView{position:fixed; z-index:10; left:0; bottom:0; width:100%; height:38px; line-height:38px;}
.goods-detail .bottomView a{display:block; float:left; width:38px; height:100%; text-decoration:none; background:no-repeat center center; background-size:cover;}
.goods-detail .bottomView .im{background-image:url(../images/mobile/detail/d-chat@2x.png);}
.goods-detail .bottomView .fav{background-image:url(../images/mobile/detail/d-fav@2x.png);}
.goods-detail .bottomView .fav-x{background-image:url(../images/mobile/detail/d-fav-x@2x.png);}
.goods-detail .bottomView .cart{background-image:url(../images/mobile/detail/d-cart@2x.png);}
.goods-detail .bottomView .badge sub{top:5px; left:auto; right:0; margin-left:0;}
.goods-detail .bottomView .btn{float:right; width:147px; font-size:12px; color:#fff; background:#ce0000; text-decoration:none;}
.goods-detail .integralBtn{position:fixed; z-index:10; left:0; bottom:0; width:100%; height:38px; line-height:38px; font-size:12px; color:#fff; background:#ce0000; text-decoration:none;}

.badge-dot{background:#f00; border-radius:100%;}

/*评价列表*/
.comment-index .list li{padding:10px 15px; background:#fff;}
.comment-index .list li .info{height:20px; line-height:20px;}
.comment-index .list li .info div{float:left; height:20px; font-size:12px; color:#666;}
.comment-index .list li .info div.time{float:right; color:#ccc;}
.comment-index .list li .info .avatar{width:20px; border-radius:10px; background:url(../images/mobile/member/m-avatar@2x.png) no-repeat center center; background-size:cover;}
.comment-index .list li .info .name{margin-left:5px;}
.comment-index .list li .info .star{margin-left:5px;}
.comment-index .list li .info .star i{display:block; float:left; width:12px; height:20px; background:url(../images/mobile/goods/g-star@2x.png) no-repeat center center; background-size:cover;}
.comment-index .list li .content{color:#666; text-align:left; font-size:12px; margin-top:10px; margin-left:25px;}

/*会员*/
.navBar i.member-cart{background-image:url(../images/mobile/member/m-cart@2x.png);}
.navBar i.member-set{background-image:url(../images/mobile/member/m-set@2x.png);}
.navBar .badge sub{top:4px; right:3px;}
.member-index .topView{height:201px; overflow:hidden; margin-bottom:8px; background:url(../images/mobile/member/m-bg@2x.png) no-repeat center center; background-size:cover;}
.member-index .topView .infoView{height:153px; overflow:hidden;}
.member-index .topView .infoView:after{opacity:0.5;}
.member-index .topView .infoView .avatar{width:65px; height:65px; margin-top:44px; border-radius:100%; background:url(../images/logo.png) no-repeat center center; background-size:cover;}
.member-index .topView .infoView span{display:block; height:35px; line-height:35px; color:#fff; font-size:12px; font-weight:500;}
.member-index .topView .infoView .btnView{width:150px; height:26px; margin-top:10px;}
.member-index .topView .infoView .btnView a{display:block; float:left; width:70px; height:26px; line-height:26px; margin-right:10px; text-decoration:none; color:#fff; background:rgba(0,0,0,0.5); border-radius:3px; text-align:center; font-size:12px;}
.member-index .topView .infoView .btnView a:last-child{margin:0;}
.member-index .moneyView{height:48px; background:rgba(0,0,0,0.5); overflow:hidden;}
.member-index .moneyView a{display:block; float:left; width:50%; height:35px; margin-top:6px; text-decoration:none;}
.member-index .moneyView a:after{opacity:0.5;}
.member-index .moneyView a div{width:90px; height:100%;}
.member-index .moneyView a div i{display:block; float:left; width:35px; height:35px; background:url(../images/mobile/member/m-t-ico1@2x.png) no-repeat center center; background-size:cover;}
.member-index .moneyView a div i.commission{background-image:url(../images/mobile/member/m-t-ico2@2x.png);}
.member-index .moneyView a div span{display:block; float:left; width:55px; height:35px; margin-top:3px; text-align:left; color:#fff; font-size:12px; -webkit-transform:scale(0.84); transform:scale(0.84); -webkit-transform-origin:left; transform-origin:left;}
.member-index .moneyView a div span small{font-size:12px; color:#fff; -webkit-transform:scale(0.84); transform:scale(0.84); -webkit-transform-origin:left; transform-origin:left;}
.member-index section > .tableView{margin-bottom:8px;}
.member-index .tableView > li{min-height:40px;}
.member-index .tableView h1{font-size:12px; color:#333; margin:0; min-height:40px; line-height:40px;}
.member-index .tableView h1 em{margin:0; width:40px; height:40px;}
.member-index .tableView h1 em.ico1{background-image:url(../images/mobile/member/m-ico1@2x.png);}
.member-index .tableView h1 em.ico2{background-image:url(../images/mobile/member/m-ico2@2x.png);}
.member-index .tableView h1 em.ico3{background-image:url(../images/mobile/member/m-ico3@2x.png);}
.member-index .tableView h1 em.ico4{background-image:url(../images/mobile/member/m-ico4@2x.png);}
.member-index .tableView h1 em.ico5{background-image:url(../images/mobile/member/m-ico5@2x.png);}
.member-index .tableView h1 em.ico6{background-image:url(../images/mobile/member/m-ico6@2x.png);}
.member-index .tableView h1 em.ico7{background-image:url(../images/mobile/member/m-ico7@2x.png);}
.member-index .tableView h1 em.ico8{background-image:url(../images/mobile/member/m-ico8@2x.png);}
.member-index .tableView h1 em.ico9{background-image:url(../images/mobile/member/m-ico9@2x.png);}
.member-index .tableView h1 em.ico10{background-image:url(../images/mobile/member/m-ico10@2x.png);}
.member-index .tableView .orderList{height:60px;}
.member-index .tableView .orderList a{display:block; float:left; width:25%; height:100%; background:no-repeat center center; background-size:auto 100%;}
.member-index .tableView .orderList a.ico1{background-image:url(../images/mobile/member/m-o-ico1@2x.png);}
.member-index .tableView .orderList a.ico2{background-image:url(../images/mobile/member/m-o-ico2@2x.png);}
.member-index .tableView .orderList a.ico3{background-image:url(../images/mobile/member/m-o-ico3@2x.png);}
.member-index .tableView .orderList a.ico4{background-image:url(../images/mobile/member/m-o-ico4@2x.png);}
.member-index .tableView .orderList a div{position:relative; margin:0 auto; width:60px; height:100%;}
.member-index .tableView .orderList a div sub{top:8px; right:15px; font-size:0; min-width:7px; height:7px; border-radius:100%;}

.member-money .groupView{-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px; background:#fff; margin:10px; margin-bottom:0; overflow:hidden;}
.member-money .groupView li{height:44px; line-height:44px; text-align:left;}
.member-money .groupView li a{display:block; width:100%; height:100%; padding-left:10px; font-size:12px; color:#333; box-sizing:border-box;}
.member-money .groupView .topView{height:100px; line-height:normal; background:#f7b322;}
.member-commission .groupView .topView{background:#fa708d;}
.member-integral .groupView .topView{background:#b323f7;}
.member-money .groupView .topView div{line-height:45px; color:#fff; font-size:12px;}
.member-money .groupView .topView span{display:block; color:#fff; font-size:18px;}
.member-money .groupView .topView span .bigPrice{color:#fff; font-size:26px;}
.member-money > a{display:block; padding-left:20px; color:#999; font-size:12px; text-align:left; height:44px; line-height:44px; text-decoration:none;}

.commission-history li{background:#fff; width:auto; height:54px; overflow:hidden; padding:0 15px; text-align:left;}
.commission-history li div{float:right; line-height:54px; color:#00be14; font-size:14px;}
.commission-history li div.r{color:#dc0431;}
.commission-history li div .bigPrice{font-size:18px;}
.commission-history li span{display:block; margin-top:10px; font-size:12px; color:#333;}
.commission-history li font{display:block; margin-top:2px; color:#999; font-size:12px;}

.commission-invite li{background:#fff; height:30px; overflow:hidden; padding:10px; text-align:left; margin-bottom:8px; line-height:30px;}
.commission-invite li div{float:left; width:30px; height:30px; margin-right:8px; border-radius:100%; background:no-repeat center center; background-size:cover;}
.commission-invite li font{display:block; float:left; color:#333;}
.commission-invite li span{display:block; float:right; font-size:12px; color:#bbb;}

.withdraw-index .tableView h1{font-size:12px; color:#333;}
.withdraw-index .tableView h1 big{-webkit-transform:scale(1); transform:scale(1);}
.withdraw-index .tableView h1 big.x{color:#333;}
.withdraw-index .tableView h1 input{width:200px; height:44px; text-align:right; font-size:12px; background-color:transparent; border:none;}

.withdraw-history li{background:#fff; width:auto; height:62px; overflow:hidden; padding:0 15px; text-align:left;}
.withdraw-history li div{float:right; line-height:62px; color:#00be14; font-size:14px;}
.withdraw-history li div.r{color:#dc0431;}
.withdraw-history li div .bigPrice{font-size:18px;}
.withdraw-history li span{display:block; margin-top:7px; font-size:12px; color:#333;}
.withdraw-history li font{display:block; margin-top:2px; color:#999; font-size:12px;}
.withdraw-history li font.r{color:#dc0431;}

.bank-mybank .tableView h1{font-size:12px; color:#333;}
.bank-mybank .tableView h1 big{-webkit-transform:scale(1); transform:scale(1); color:#333;}

.bank-add .tableView h1 div{margin-left:94px;}
.bank-add .tableView h1 div span{display:block; float:left; margin-left:-94px; font-size:12px; color:#333;}
.bank-add .tableView h1 div input{width:100%; height:44px; font-size:12px; background-color:transparent; border:none;}

.member-set .tableView h1{font-size:14px; color:#333;}
.member-set .tableView .r h1, .member-set .tableView .noPush big{color:#f00; padding-right:15px;}

.member-edit .tableView h1{font-size:14px; color:#333;}
.member-edit .tableView a h1{background-image:none; padding-right:15px;}
.member-edit .tableView .avatar h1{line-height:60px;}
.member-edit .tableView .avatar big{-webkit-transform:scale(1); transform:scale(1); margin:10px 0;}
.member-edit .tableView .avatar big div{width:40px; height:40px; border-radius:100%; background:url(../images/avatar.jpg) no-repeat center center; background-size:cover;}
.member-edit .tableView h1 select, .member-edit .tableView h1 input{position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; border:none; opacity:0;}

.member-name{width:280px; height:134px; overflow:hidden; text-align:center; background:#fff; border-radius:5px;}
.member-name .tip{height:30px; line-height:30px;}
.member-name .tip span{display:block; height:100%; color:#bbb; font-size:12px; -webkit-transform:scale(0.83); transform:scale(0.83);}
.member-name input{padding:0 15px; margin-top:10px; width:100%; height:40px; font-size:14px; background-color:transparent; border:none; box-sizing:border-box; text-align:left;}
.member-name a{display:block; height:44px; line-height:44px; margin-top:10px; font-size:14px; color:#007aff; font-weight:500; text-decoration:none;}
.overlay-big{-webkit-transform:scale(1.5); transform:scale(1.5); opacity:0;}
.overlay-normal{-webkit-transform:scale(1); transform:scale(1); opacity:1; -webkit-transition:opacity 200ms ease-out,-webkit-transform 200ms ease-out; transition:opacity 200ms ease-out,transform 200ms ease-out;}
.overlay-small{opacity:0;}

.member-password .tableView h1{padding-right:0;}
.member-password .tableView h1 div{margin-right:36px; height:44px;}
.member-password .tableView h1 input{width:100%; height:44px; background-color:transparent; border:none;}
.member-password .tableView h1 div i{display:block; float:right; margin-right:-36px; margin-top:4px; width:36px; height:36px; cursor:pointer; background:url(../images/mobile/member/m-p-ico1@2x.png) no-repeat center center; background-size:cover;}
.member-password .tableView h1 div i.x{background-image:url(../images/mobile/member/m-p-ico2@2x.png);}

/*余额充值*/
.recharge-index ul{width:284px; margin:0 auto; margin-top:15px;}
.recharge-index ul li{height:81px; margin-bottom:15px; background:url(../images/mobile/member/m-recharge@2x.png) no-repeat center center; background-size:cover;}
.recharge-index ul li:nth-child(4n+2){background-image:url(../images/mobile/member/m-recharge02@2x.png);}
.recharge-index ul li:nth-child(4n+3){background-image:url(../images/mobile/member/m-recharge03@2x.png);}
.recharge-index ul li:nth-child(4n+4){background-image:url(../images/mobile/member/m-recharge04@2x.png);}
.recharge-index ul li a{display:block; width:100%; height:100%; overflow:hidden; text-decoration:none; text-align:left; padding-left:24px; box-sizing:border-box;}
.recharge-index ul li a strong{display:block; font-weight:normal; margin-top:10px; margin-left:-5px; line-height:44px; font-size:26px; color:#fff;}
.recharge-index ul li a strong .bigPrice{font-size:32px; color:#fff;}
.recharge-index ul li a span{display:block; font-size:12px; color:#fff; line-height:12px; transform:scale(0.84); transform:-webkit-scale(0.84); transform-origin:left; -webkit-transform-origin:left;}
.recharge-index ul li a div{float:right; color:#fff; font-size:16px; width:95px; height:100%; overflow:hidden; text-align:center; box-sizing:border-box; padding-top:13px; line-height:25px;}

.recharge-order .group{margin-top:8px;}
.recharge-order .view{padding:0 15px; text-align:left; background:#fff; width:auto; height:94px; overflow:hidden;}
.recharge-order .view.f{padding:0; height:auto;}
.recharge-order .view .price{margin-top:20px; font-size:14px; color:#333;}
.recharge-order .view .price span{font-size:22px; color:#d00c0c; margin-top:5px;}
.recharge-order .view .price span .bigPrice{font-size:26px; color:#d00c0c;}
.recharge-order .view .price div{font-size:12px; color:#999; transform:scale(0.84); transform:-webkit-scale(0.84); transform-origin:left; -webkit-transform-origin:left;}
.recharge-order .view .tip{padding-left:15px; line-height:44px; color:#333; font-size:12px;}
.recharge-order .view a{display:block; text-decoration:none; line-height:44px; font-size:12px;}
.recharge-order .view.pay a i{display:block; float:left; width:44px; height:44px; background:no-repeat center center; background-size:cover;}
.recharge-order .view.pay a.wx i{background-image:url(../images/mobile/cart/shopping-pay-wxpay@2x.png);}
.recharge-order .view.pay a.x{background:url(../images/mobile/member/m-tick-x@2x.png) no-repeat right center; background-size:44px 44px;}
.recharge-order > a.wx{display:block; margin:0 15px; margin-top:15px; height:40px; line-height:40px; color:#fff; border-radius:4px; text-decoration:none; background:#8dcc01;}

/*意见反馈*/
.feedback input, .feedback textarea{width:100%; height:44px; background-color:transparent; border:none;}
.feedback textarea{margin:10px 0; height:130px;}

/*优惠券*/
.coupon-index .list{margin-top:12px;}
.coupon-index .list li{position:relative; width:282px; height:97px; overflow:hidden; margin:0 auto; margin-bottom:12px; background:url(../images/mobile/member/m-coupon@2x.png) no-repeat center center; background-size:cover;}
.coupon-index .list li.status-1, .coupon-index .list li.status-2{background-image:url(../images/mobile/member/m-coupon-d@2x.png);}
.coupon-index .list li > div{overflow:hidden;}
.coupon-index .list li .l{float:left; width:97px; height:100%;}
.coupon-index .list li .r{float:right; width:185px; height:100%;}
.coupon-index .list li .t{position:absolute; z-index:1; right:0; bottom:0; width:50px; height:50px; background:no-repeat center center; background-size:cover;}
.coupon-index .list li .t-1{background-image:url(../images/mobile/member/m-coupon-text2@2x.png);}
.coupon-index .list li .t-2{background-image:url(../images/mobile/member/m-coupon-text1@2x.png);}
.coupon-index .list li > div div{padding-left:12px; margin-top:20px; color:#fff; font-size:20px; text-align:left; height:40px; overflow:hidden;}
.coupon-index .list li > div div .bigPrice{font-size:26px;}
.coupon-index .list li > div span{display:block; font-size:12px; color:#fff; margin-top:5px; -webkit-transform:scale(0.75); transform:scale(0.75);}
.coupon-index .list li .r div{font-size:12px; text-align:center; padding-left:0;}

.coupon-sn{width:230px; height:120px; overflow:hidden; text-align:center; background:#fff; border-radius:5px;}
.coupon-sn .tip{height:30px; line-height:30px;}
.coupon-sn .tip span{display:block; height:100%; color:#bbb; font-size:12px; -webkit-transform:scale(0.83); transform:scale(0.83);}
.coupon-sn input{padding:0 15px; width:100%; height:30px; font-size:14px; background-color:transparent; border:none; box-sizing:border-box; text-align:center;}
.coupon-sn a{display:block; height:40px; line-height:40px; margin:0 10px; margin-top:10px; font-size:14px; color:#fff; background:#d00c0c; border-radius:3px; text-decoration:none;}

/*收货地址*/
.address-list h1{line-height:normal;}
.address-list li .name{margin-top:15px; font-size:12px; color:#333;}
.address-list li .address{margin-top:12px; font-size:12px; color:#333;}
.faceView .address-list li .address{padding-bottom:15px;}
.address-list li .ge-bottom{margin-top:15px;}
.address-list li .bottomView{height:44px; overflow:hidden;}
.address-list li .bottomView .default{display:block; float:left; padding-left:40px; height:44px; line-height:44px; font-size:12px; text-align:left; text-decoration:none; background:url(../images/mobile/member/m-tick-x@2x.png) no-repeat left center; background-size:auto 100%;}
.address-list li .bottomView .btn{display:block; float:right; margin-right:10px; margin-top:9px; width:53px; height:25px; line-height:25px; text-align:center; border:1px solid #ccc; border-radius:2px; box-sizing:border-box;}
.address-list li .bottomView .btn span{display:block; font-size:12px; text-decoration:none; height:25px; color:#333; -webkit-transform:scale(0.85); transform:scale(0.85);}

.address-info .tableView h1 .row{margin-left:94px; height:44px; line-height:44px;}
.address-info .tableView h1 .row span{display:block; font-size:12px; color:#333; float:left; width:94px; margin-left:-94px; height:100%;}
.address-info .tableView h1 .row input{float:left; width:100%; height:44px; font-size:12px; background-color:transparent; border:none;}
.address-info .tableView h1 .row .selects{width:100%; height:100%; font-size:12px;}
.address-info .tableView h1 .row .selects div{color:#cdcdcd; font-size:12px;}
.address-info .tableView h1 .row .selects-x div{color:#000;}
.address-info .tableView h1 .row .selects select{display:none;}
.address-info .tip{color:#bbb; font-size:12px; margin:0 10px; margin-top:12px; text-align:left;}
.areapicker div ul{width:33.3%;}

/* 我的订单 */
.member-order header{position:-webkit-sticky; position:sticky; top:0; z-index:3; margin:0; background:#fff; width:100%; height:35px; line-height:35px; overflow:hidden; clear:both; text-align:left;}
.member-order header a{color:#999;}
.member-order .switchView li{padding:0 10px;}
.member-order .tableView li{background-color:transparent;}
.member-order .tableView li .view{text-align:left; margin:10px 10px; margin-bottom:0; border:1px solid #eaeaea; border-radius:3px; background:#fff; padding:0 8px; box-sizing:border-box; height:auto; overflow:hidden;}
.member-order .tableView li:last-child .view{margin-bottom:10px;}
.member-order .tableView li .view a{display:block;}
.member-order .tableView li .view a .status{height:40px; line-height:40px;}
.member-order .tableView li .view a .status font{display:block; float:right; font-size:11px; color:#666;}
.member-order .tableView li .view a .status div{font-size:12px; color:#999; float:left; margin-right:5px;}
.member-order .tableView li .view a .status span{float:right; display:block; font-size:12px; color:#999;}
.member-order .tableView li .view a .status0 div{color:#e24e17;}
.member-order .tableView li .view a .status1 div{color:#eb9b00;}
.member-order .tableView li .view a .status2 div{color:#02a2e0;}
.member-order .tableView li .view a .status3 div{color:#8dcc01;}
.member-order .tableView li .view a .status4 div{color:#8dcc01;}
.member-order .tableView li .view a ul li{position:relative; padding:13px 0; height:auto; overflow:hidden;}
.member-order .tableView li .view a ul li:after{content:""; position:absolute; left:0; bottom:0; display:block; width:100%; height:1px; overflow:hidden; background:#eaeaea; -webkit-transform-origin:bottom; transform-origin:bottom;}
.member-mall-order .tableView li .view a ul li:after{display:none;}
.member-order .tableView li .view a ul li .gview{margin-left:68px; margin-right:58px;}
.member-order .tableView li .view a ul li .gview .right{float:right; margin-right:-58px;}
.member-order .tableView li .view a ul li .gview .right span{display:block; line-height:18px; font-size:12px; color:#bbb; text-align:right;}
.member-order .tableView li .view a ul li .gview .right span.price{color:#333;}
.member-order .tableView li .view a ul li .gview .pic{float:left; margin-left:-68px; width:60px; height:60px; border:1px solid #eaeaea; box-sizing:border-box; background:no-repeat center center; background-size:cover;}
.member-order .tableView li .view a ul li .gview .name{width:100%; height:44px; line-height:20px; overflow:hidden; font-size:12px; word-wrap:break-word; white-space:normal; word-break:break-all; text-overflow:ellipsis;}
.member-order .tableView li .view a ul li .gview .spec{color:#bbb; height:15px; line-height:15px; font-size:12px; -webkit-transform:scale(0.91); transform:scale(0.91); -webkit-transform-origin:left; transform-origin:left;}
.member-order .tableView li .view a ul li .gview .spec .price{color:#ce0000; font-size:12px; -webkit-transform:scale(0.91); transform:scale(0.91); -webkit-transform-origin:left; transform-origin:left;}
.member-order .tableView li .view .total{width:100%; height:40px; line-height:40px; overflow:hidden; color:#999; font-size:12px;}
.member-order .tableView li .view .total strong{font-weight:normal; color:#dc0432;}
.member-order .tableView li .view .total strong span{font-size:16px;}
.member-order .tableView li .view .total a{float:right; width:70px; height:25px; line-height:23px; text-align:center; margin-top:7px; margin-left:10px; border-radius:3px; box-sizing:border-box;}
.member-order .tableView li .view .total a span{display:block; width:100%; height:100%; font-size:12px; -webkit-transform:scale(0.91); transform:scale(0.91);}
.member-order .tableView li .view .total .pay{border:1px solid #e24e17;}
.member-order .tableView li .view .total .pay span{color:#e24e17;}
.member-order .tableView li .view .total .ok{border:1px solid #02a2e0;}
.member-order .tableView li .view .total .ok span{color:#02a2e0;}
.member-order .tableView li .view .total .refund{border:1px solid #ccc;}
.member-order .tableView li .view .total .refund span{color:#333;}

.member-order-detail{padding-bottom:40px;}
.member-order-detail .groupView > li{background:#fff; margin-bottom:8px;}
.member-order-detail .groupView > li:before, .member-order-detail .groupView > li:after{display:none;}
.member-order-detail .groupView .top{color:#fff; padding-left:8px; height:117px; line-height:117px; font-size:18px; text-align:left; font-weight:500; background:#fff url(../images/mobile/order/o-detail-top1@2x.png) no-repeat left center; background-size:cover;}
.member-coffee-order-detail .groupView .top{background-image:url(../images/mobile/order/o-detail-top2@2x.png);}
.member-order-detail .groupView .address{background:#fff url(../images/mobile/order/o-local@2x.png) no-repeat left center; background-size:35px 35px; text-align:left;}
.member-order-detail .groupView .address div{width:100%; height:100%; overflow:hidden; padding:15px 10px 15px 35px; font-size:12px; color:#333; text-align:left; box-sizing:border-box; background:url(../images/mobile/cart/shopping-address-bg@2x.png) no-repeat center bottom; background-size:100% 4px;}
.member-order-detail .groupView .address span{display:block; margin-bottom:5px; font-size:12px; color:#333; -webkit-transform:scale(0.91); transform:scale(0.91); -webkit-transform-origin:left; transform-origin:left;}
.member-order-detail .groupView .address font{display:block; font-size:12px; color:#bbb; -webkit-transform:scale(0.91); transform:scale(0.91); -webkit-transform-origin:left; transform-origin:left;}
.member-order-detail .groupView ul li{padding:10px; width:auto; height:70px; overflow:hidden; text-align:left;}
.member-order-detail .groupView .gview{margin-left:80px;}
.member-order-detail .groupView .gview .pic{display:block; float:left; margin-left:-80px; width:70px; height:70px; border:1px solid #eaeaea; box-sizing:border-box; background:no-repeat center center; background-size:cover;}
.member-order-detail .groupView .gview .name{display:block; width:100%; height:34px; font-size:12px; color:#666; text-decoration:none;}
.member-order-detail .groupView .gview .name span{display:block; float:right; font-size:12px; color:#666;}
.member-order-detail .groupView .gview .spec{height:15px; line-height:15px;}
.member-order-detail .groupView .gview .spec div{font-size:12px; color:#999; transform:scale(0.91); -webkit-transform:scale(0.91); transform-origin:left; -webkit-transform-origin:left;}
.member-order-detail .groupView .gview .spec span{display:block; float:right; font-size:12px; color:#999; transform:scale(0.91); -webkit-transform:scale(0.91); transform-origin:right; -webkit-transform-origin:right;}
.member-order-detail .groupView .gview .comment{height:18px; margin-top:3px;}
.member-order-detail .groupView .gview .comment a{display:block; float:right; background:#dc0432; width:38px; height:18px; line-height:16px; text-align:center; text-decoration:none; border:1px solid #dc0432; border-radius:3px; box-sizing:border-box;}
.member-order-detail .groupView .gview .comment a span{display:block; font-size:12px; color:#fff; transform:scale(0.91); -webkit-transform:scale(0.91);}
.member-order-detail .groupView .gview .comment font{display:block; float:right; width:38px; height:18px; line-height:16px; text-align:right; font-size:12px; color:#999; transform:scale(0.91); -webkit-transform:scale(0.91); transform-origin:right; -webkit-transform-origin:right;}
.member-order-detail .groupView .view{padding:10px; text-align:left;}
.member-order-detail .groupView .view div{height:12px; line-height:12px;}
.member-order-detail .groupView .view div > span{display:block; font-size:12px;}
.member-order-detail .groupView .view div strong{display:block; float:right; font-weight:normal; font-size:12px; color:#999;}
.member-order-detail .groupView .view .trans span{transform:scale(0.84); -webkit-transform:scale(0.84); transform-origin:left; -webkit-transform-origin:left;}
.member-order-detail .groupView .view .trans strong{transform:scale(0.84); -webkit-transform:scale(0.84); transform-origin:right; -webkit-transform-origin:right;}
.member-order-detail .groupView .view .total{margin-top:10px;}
.member-order-detail .groupView .coffee .total{margin-top:0; height:25px; line-height:25px;}
.member-order-detail .groupView .view .total strong{color:#dc0432; transform:scale(0.91); -webkit-transform:scale(0.91); transform-origin:right; -webkit-transform-origin:right;}
.member-order-detail .groupView .view .total span{transform:scale(0.91); -webkit-transform:scale(0.91); transform-origin:left; -webkit-transform-origin:left;}
.member-order-detail .groupView .opr{height:38px; text-align:left;}
.member-order-detail .groupView .opr a{display:block; float:left; width:50%; height:38px; text-align:center; text-decoration:none;}
.member-order-detail .groupView .opr a div{width:85px; height:38px; line-height:38px; margin:0 auto; padding-left:35px; box-sizing:border-box; background:url(../images/mobile/order/o-im@2x.png) no-repeat left center; background-size:auto 100%;}
.member-order-detail .groupView .opr a.tel div{background-image:url(../images/mobile/order/o-tel@2x.png);}
.member-order-detail .groupView .opr a div span{display:block; font-size:12px; text-align:left; transform:scale(0.9); -webkit-transform:scale(0.9); transform-origin:left; -webkit-transform-origin:left;}
.member-order-detail .groupView .info{padding:10px;}
.member-order-detail .groupView .info div{color:#bbb; height:15px; line-height:15px; font-size:12px; text-align:left; transform:scale(0.84); -webkit-transform:scale(0.84); transform-origin:left; -webkit-transform-origin:left;}
.member-order-detail .groupView .status0{color:#dc0432;}
.member-order-detail .groupView .status1{color:#eb9b00;}
.member-order-detail .groupView .status2{color:#02a2e0;}
.member-order-detail .groupView .status3{color:#8dcc01;}
.member-order-detail .groupView .status span{color:#bbb;}
.member-order-detail .bottomView{height:40px;}
.member-order-detail .bottomView div{position:fixed; z-index:777; left:0; bottom:0; width:100%; height:40px; overflow:hidden; background:#fff;}
.member-order-detail .bottomView div a{display:block; float:right; width:70px; height:25px; line-height:23px; text-align:center; margin-top:7px; margin-right:10px; font-size:12px; border-radius:3px; box-sizing:border-box;}
.member-order-detail .bottomView div a span{display:block; width:100%; height:100%; font-size:12px; -webkit-transform:scale(0.91); transform:scale(0.91);}
.member-order-detail .bottomView div .pay{border:1px solid #e24e17;}
.member-order-detail .bottomView div .pay span{color:#e24e17;}
.member-order-detail .bottomView div .delay, .member-order-detail .bottomView div .again{border:1px solid #dc0432;}
.member-order-detail .bottomView div .delay span, .member-order-detail .bottomView div .again span{color:#dc0432;}
.member-order-detail .bottomView div .ok{border:1px solid #02a2e0;}
.member-order-detail .bottomView div .ok span{color:#02a2e0;}
.member-order-detail .bottomView div .cancel, .member-order-detail .bottomView div .refund{border:1px solid #ccc;}
.member-order-detail .bottomView div .cancel span, .member-order-detail .bottomView div .refund span{color:#333;}
.member-order-detail .bottomView div .ask{border:1px solid #dc0432; width:100px;}
.member-order-detail .bottomView div .ask span{color:#dc0432;}

.member-order-express .info{padding:10px; height:60px; margin-bottom:8px; text-align:left; background:#fff;}
.member-order-express .info .view{margin-left:70px; height:60px;}
.member-order-express .info .view div{float:left; margin-left:-70px; width:60px; height:60px; background:url(../images/nopic.png) no-repeat center center; background-size:cover;}
.member-order-express .info .view span{display:block; font-size:12px; color:#999; line-height:20px;}
.member-order-express .info .view span font{font-size:12px; color:#4074ad;}
.member-order-express .express{background:#fff; text-align:left;}
.member-order-express .express .title{margin:0 10px; font-size:14px; height:44px; line-height:44px;}
.member-order-express .express ul{padding-bottom:30px;}
.member-order-express .express li{width:auto; height:auto; overflow:hidden; margin:0 10px;}
.member-order-express .express li .view{margin-left:24px;}
.member-order-express .express li .view .nav{float:left; margin-left:-24px; width:24px; height:100%; overflow:hidden; position:relative;}
.member-order-express .express li .view .nav span{display:block; position:absolute; left:0; top:0; width:12px; overflow:hidden;}
.member-order-express .express li .view .nav span:after{background:#ddd; width:2px;}
.member-order-express .express li .view .nav div{position:absolute; top:10px; left:50%; margin-left:-8px; width:16px; height:16px; overflow:hidden; border-radius:100%;}
.member-order-express .express li .view .nav div:after{content:''; display:block; margin-left:3px; margin-top:3px; width:10px; height:10px; overflow:hidden; border-radius:100%; background:#ddd;}
.member-order-express .express li .view .content{color:#bbb; font-size:12px; padding-top:10px;}
.member-order-express .express li .view .time{color:#bbb; font-size:12px; height:30px; line-height:30px;}
.member-order-express .express li .first .content, .member-order-express .express li .first .time{color:#29ac60;}
.member-order-express .express li .first .nav div{background:#c7edd4;}
.member-order-express .express li .first .nav div:after{background:#29ac60;}

.member-order-comment .view{background:#fff; padding:10px;}
.member-order-comment .view .info{margin-left:70px; height:60px; text-align:left;}
.member-order-comment .view .info .pic{float:left; margin-left:-70px; width:60px; height:60px; background:no-repeat center center; background-size:cover;}
.member-order-comment .view .info .name{width:100%; height:30px; font-size:12px; transform:scale(0.9); -webkit-transform:scale(0.9); transform-origin:left; -webkit-transform-origin:left;}
.member-order-comment .view .info .stars{width:100%; height:30px;}
.member-order-comment .view .info .stars i{display:block; float:left; width:30px; height:30px; cursor:pointer; background:url(../images/mobile/order/o-star@2x.png) no-repeat center center; background-size:100% 100%;}
.member-order-comment .view .info .stars i.this{background-image:url(../images/mobile/order/o-star-x@2x.png);}
.member-order-comment .view .content{margin-top:10px;}
.member-order-comment .view .content textarea{background-color:transparent; border:none; width:100%; height:75px; font-size:12px;}

.member-order-refund li{padding:0 18px; text-align:left; height:40px; line-height:40px; font-size:12px;}
.member-order-refund li.m{margin-top:8px;}
.member-order-refund li.w{background-color:#fff;}
.member-order-refund li.r{background-size:10px 20px; background-repeat:no-repeat; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E"); background-position:calc(100% - 15px) 10px; background-position:-webkit-calc(100% - 15px) 10px; cursor:pointer;}
.member-order-refund li.l{padding:0; height:auto;}
.member-order-refund li div{padding:0 18px; width:100%; height:40px; overflow:hidden; box-sizing:border-box; font-size:12px; cursor:pointer;}
.member-order-refund li div i{display:block; float:right; width:23px; height:23px; margin-top:8.5px; background:url(../images/mobile/order/o-checkbox-x@2x.png) no-repeat center center; background-size:100% 100%;}
.member-order-refund li span{color:#e4e4e4; font-size:12px;}
.member-order-refund li span.b{color:#333;}
.member-order-refund li input{width:100%; height:40px; border:none; background-color:transparent; font-size:12px;}
.member-order-refund li select{display:none;}
.member-order-refund .view{position:relative; width:286px; height:37px; line-height:37px; overflow:hidden; margin:20px auto; margin-bottom:10px; cursor:pointer; padding-left:48px; box-sizing:border-box; background:url(../images/mobile/order/o-refund-image@2x.png) no-repeat center center; background-size:100% 100%;}
.member-order-refund .view span{display:block; height:37px; padding-right:10px; font-size:12px; color:#ccc; text-align:right;}
.member-order-refund .view ul{height:27px; margin-top:5px; display:none;}
.member-order-refund .view ul li{width:27px; height:27px; float:left; padding:0; margin-right:10px; background:no-repeat center center; background-size:cover;}
.member-order-refund .view input{position:absolute; right:0; top:0; height:37px; font-size:34px; opacity:0;}

.member-cart-pay{height:100%; background:#fff; overflow:hidden;}
.member-cart-pay .buttonView{width:180px; margin-top:50px;}
.member-cart-pay .buttonView .wx{margin-top:0; margin-bottom:0; background:#53a046;}

.member-article .list li{background:#fff; height:50px; text-align:left;}
.member-article .list li a{display:block; height:40px; padding-top:10px; text-decoration:none;}
.member-article .list li .title{height:15px; line-height:15px; font-size:12px; padding:0 10px;}
.member-article .list li .view{height:25px; line-height:25px; padding-right:10px;}
.member-article .list li .view div, .member-article .list li .view font{display:block; height:25px; color:#ccc;}
.member-article .list li .view .time{float:right; -webkit-transform:scale(0.59); transform:scale(0.59); -webkit-transform-origin:right; transform-origin:right;}
.member-article .list li .view .ico{float:left; width:25px; height:25px; background:no-repeat center center; background-size:cover;}
.member-article .list li .view .ico1{margin-left:3px; background-image:url(../images/mobile/member/m-article-ico1@2x.png);}
.member-article .list li .view .ico2{background-image:url(../images/mobile/member/m-article-ico2@2x.png);}
.member-article .list li .view font{float:left; width:50px; -webkit-transform:scale(0.59); transform:scale(0.59); -webkit-transform-origin:left; transform-origin:left;}
.member-article .delBtn{position:absolute; background:#ce0000;}
.member-article .delBtn i{display:block; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px; width:21px; height:21px; background:url(../images/mobile/global/delete@2x.png) no-repeat center center; background-size:cover;}

/*消息*/
.message-index .list h1{line-height:normal;}
.message-index .list .view{padding-top:11px; padding-bottom:10px;}
.message-index .list .view div{margin-left:18px; height:auto; text-align:left; font-size:12px;}
.message-index .list .view div i{display:block; float:left; margin-left:-18px; margin-top:4px; width:8px; height:8px; border-radius:100%; background:#d00000;}
.message-index .list .view div span{display:block; text-align:right; color:#cecece; margin-top:5px;}
.message-index .list .d div{color:#cecece;}
.message-index .list .d div i{background:#cecece;}

/*我的二维码*/
.member-code .img{position:relative; margin:0 auto; margin-top:24px; width:260px; height:260px;}
.member-code .img img{width:100%; height:100%;}
.member-code .img div{position:absolute; z-index:1; left:50%; top:50%; margin-left:-30px; margin-top:-30px; width:60px; height:60px; background:url(../images/mobile/member/m-logo@2x.png) no-repeat center center; background-size:cover;}
.member-code .tip{margin-top:15px; text-align:center; font-size:18px; font-weight:500; color:#333;}
.member-code .memo{margin:0 auto; margin-top:28px; text-align:left; color:#333; width:250px; font-size:12px; -webkit-transform:scale(0.83); transform:scale(0.83);}

/*登录*/
.login-index{height:100%; overflow:hidden; background:url(../images/mobile/member/m-login@2x.png) no-repeat center center; background-size:cover;}
.login-index .inputView{width:237px; margin:0 auto; margin-top:123px;}
.login-index .inputView li{height:36px; overflow:hidden;}
.login-index .inputView li:after{background:#9e8d86;}
.login-index .inputView li div{height:36px; margin-left:36px;}
.login-index .inputView li div i{display:block; float:left; margin-left:-36px; width:36px; height:36px; background:url(../images/mobile/member/m-login-ico1@2x.png) no-repeat center center; background-size:cover;}
.login-index .inputView li div input{float:left; width:100%; height:36px; color:#c1bbb9; font-size:12px; border:none; background-color:transparent;}
.login-index .inputView li div input::-webkit-input-placeholder, .login-index .inputView li div input::-moz-placeholder{color:#c1bbb9;}
.login-index .inputView li div.password{margin-right:36px;}
.login-index .inputView li div.password i{background-image:url(../images/mobile/member/m-login-ico2@2x.png);}
.login-index .inputView li div.code{margin-right:74px;}
.login-index .inputView li div.code i{background-image:url(../images/mobile/member/m-login-ico3@2x.png);}
.login-index .inputView li div.code a{display:block; float:right; margin-right:-74px; margin-top:6px; width:64px; height:24px; line-height:24px; border-radius:3px; background:#ce0000; text-align:center;}
.login-index .inputView li div.code a.disabled{background:#999;}
.login-index .inputView li div.code a span{display:block; height:100%; color:#fff; font-size:12px; transform:scale(0.9); -webkit-transform:scale(0.9); text-decoration:none;}
.login-index .inputView li div.code a .preloader{margin:0 auto; margin-top:3px; width:18px; height:18px;}
.login-index .inputView li div.invite i{background-image:url(../images/mobile/member/m-login-ico4@2x.png);}
.login-index .inputView li div em{float:right; margin-right:-36px; width:36px; height:36px; opacity:0.4; cursor:pointer; background:url(../images/mobile/member/m-login-sub-ico1@2x.png) no-repeat center center; background-size:cover;}
.login-index .inputView li div em.x{opacity:1;}
.login-index .inputView .buttonView{margin-top:22px;}
.login-index .inputView .buttonView a{margin:0; height:36px; line-height:36px; background:#ce0000; font-size:12px;}
.login-index .inputView > a{display:block; margin-top:10px; height:15px; line-height:15px; text-align:left; font-size:12px; color:#fff; text-decoration:none;}
.login-index .inputView .forget{text-align:right;}

/*忘记密码*/
.forget-index .tip{font-size:12px; color:#999; margin:0 15px; line-height:48px; text-align:left;}
.forget-index .inputView{margin:0 15px; margin-bottom:15px; background:#fff; height:44px; border:1px solid #e5e5e5; border-radius:4px; box-sizing:border-box;}
.forget-index .inputView div{margin-left:39px; height:44px;}
.forget-index .inputView i{display:block; float:left; margin-left:-39px; width:39px; height:44px; background:url(../images/mobile/member/m-ico-mobile@2x.png) no-repeat center center; background-size:cover;}
.forget-index .code .inputView i{background-image:url(../images/mobile/member/m-ico-code@2x.png);}
.forget-index .inputView input{width:100%; height:100%; background-color:transparent; border:none;}
.forget-index .code{margin:15px 140px 0 15px; height:44px;}
.forget-index .code a{display:block; overflow:hidden; float:right; margin-right:-125px; background:#ce0000; width:110px; height:100%; line-height:44px; border-radius:4px;}
.forget-index .code a span{display:block; height:100%; color:#fff; text-align:center;}
.forget-index .code a .preloader{margin:0 auto; margin-top:10px; width:24px; height:24px;}
.forget-index .code .inputView{margin:0;}
.forget-index .buttonView .btn{margin:15px;}

.forget-password .tip{font-size:12px; color:#999; margin:0 15px; line-height:48px; text-align:left;}
.forget-password .inputView{margin:0 15px; margin-bottom:15px; background:#fff; height:44px; border:1px solid #e5e5e5; border-radius:4px; box-sizing:border-box;}
.forget-password .inputView div{margin-left:39px; height:44px;}
.forget-password .inputView i{display:block; float:left; margin-left:-39px; width:39px; height:44px; background:url(../images/mobile/member/m-ico-password@2x.png) no-repeat center center; background-size:cover;}
.forget-password .inputView input{width:100%; height:100%; background-color:transparent; border:none;}
.forget-password .buttonView .btn{margin:0 15px;}

/*购物车*/
.cart-index{padding-bottom:42px;}
.cart-index section > .tableView{margin-bottom:0;}
.cart-index section > header{height:44px; background:rgba(255,255,255,0.97);}
.cart-index section > header:first-child{margin-top:0;}
.cart-index section > header:after{content:""; position:absolute; left:0; bottom:0; z-index:1; display:block; width:100%; height:1px; overflow:hidden; background:#f3f3f3; -webkit-transform-origin:bottom; transform-origin:bottom;}
.cart-index section > header a{display:block; padding:7px 10px; height:30px; line-height:30px; font-size:14px; text-decoration:none;}
.cart-index section > header a div{float:left; width:30px; height:30px; border-radius:15px; margin-right:10px; background:url(../images/mobile/shop/m-avatar.png) no-repeat center center; background-size:cover;}
.cart-index .tableView li .view{padding:15px 0; margin-left:124px; margin-right:67px; height:70px; text-align:left;}
.cart-index .tableView li .view .right{float:right; margin-right:-57px; width:57px; text-align:right;}
.cart-index .tableView li .view .right div{height:12px; line-height:12px; margin-bottom:3px; font-size:12px; color:#bbb; -webkit-transform:scale(0.9); transform:scale(0.9); -webkit-transform-origin:right; transform-origin:right;}
.cart-index .tableView li .view .right div.price{color:#d3100f;}
.cart-index .tableView li .view .tick{float:left; margin-left:-124px; margin-top:13px;}
.cart-index .tableView li .view .pic{float:left; margin-left:-80px; border:1px solid #eaeaea; width:70px; height:70px; box-sizing:border-box; background:no-repeat center center; background-size:cover;}
.cart-index .tableView li .view .name{color:#333; font-size:12px; width:100%; height:30px; overflow:hidden;}
.cart-index .tableView li .view .spec{color:#bbb; font-size:12px; height:18px; line-height:18px; -webkit-transform:scale(0.9); transform:scale(0.9); -webkit-transform-origin:left; transform-origin:left;}
.cart-index .tableView li .view .num{width:74px; height:22px; line-height:22px; margin:0; border:1px solid #ddd; border-radius:2px; box-sizing:border-box;}
.cart-index .tableView li .view .num div{height:100%; margin:0 22px;}
.cart-index .tableView li .view .num div a{display:block; width:22px; height:100%; font-size:14px; text-align:center; background:#fbfbfb; color:#575757; text-decoration:none;}
.cart-index .tableView li .view .num div a:before, .cart-index .tableView li .view .num div a:after{background:#ddd;}
.cart-index .tableView li .view .num div a.plus{float:right; margin-right:-22px;}
.cart-index .tableView li .view .num div a.minus{float:left; margin-left:-22px;}
.cart-index .tableView li .view .num div input{float:left; width:100%; height:22px; background-color:transparent; border:none; text-align:center; font-size:12px; color:#666;}
.cart-index .bottomView{position:fixed; z-index:999; left:0; bottom:49px; width:100%; height:42px; line-height:42px; overflow:hidden;}
.coffee-cart-index .bottomView{bottom:0;}
.cart-index .bottomView a{display:block; float:left; height:100%; text-decoration:none; font-size:12px;}
.cart-index .bottomView .all{padding-left:44px; font-weight:500; background:url(../images/mobile/member/m-tick@2x.png) no-repeat left center; background-size:44px 44px;}
.cart-index .bottomView .all-x{background-image:url(../images/mobile/member/m-tick-x@2x.png);}
.cart-index .bottomView .btn{float:right; width:100px; background:#ce0000; color:#fff; text-align:center;}
.cart-index .bottomView div{float:right; margin-right:10px; font-size:12px; line-height:38px;}
.cart-index .bottomView div span{color:#d3100f;}
.tableView .delBtn{background:#ce0000;}
.tableView .delBtn i{display:block; position:absolute; left:50%; top:50%; margin-left:-10px; margin-top:-10px; width:21px; height:21px; background:url(../images/mobile/global/delete@2x.png) no-repeat center center; background-size:cover;}

.norecord div{width:150px; height:150px; background:url(../images/mobile/cart/shopping-null@2x.png) no-repeat center center; background-size:cover;}

.tick{width:44px; height:44px; overflow:hidden;}
.tick input{display:none;}
.tick label{display:block; width:100%; height:100%; overflow:hidden; cursor:pointer; background:url(../images/mobile/member/m-tick@2x.png) no-repeat center center; background-size:cover;}
.tick input:checked + label{background-image:url(../images/mobile/member/m-tick-x@2x.png);}

.bigPrice{font-size:18px;}
.right .price .bigPrice{font-size:14px;}

.cart-jiesuan{padding-bottom:42px;}
.cart-jiesuan .addressView{margin-bottom:8px; background:#fff url(../images/mobile/cart/shopping-address-bg@2x.png) no-repeat center bottom; background-size:100% auto; width:100%; height:74px;}
.cart-jiesuan .addressView a{display:block; width:100%; height:72px; overflow:hidden; text-decoration:none; font-size:12px; color:#333;}
.cart-jiesuan .addressView .addressNo{line-height:74px;}
.cart-jiesuan .addressView .address div{padding-left:37px; height:74px; overflow:hidden; margin:0; text-align:left; background:url(../images/mobile/cart/shopping-location@2x.png) no-repeat left center; background-size:37px 37px;}
.cart-jiesuan .addressView .address div span{display:block; height:24px; line-height:24px; font-size:12px; color:#333; -webkit-transform:scale(0.9); transform:scale(0.9); transform-origin:left; -webkit-transform-origin:left;}
.cart-jiesuan .addressView .address div span:first-child{margin-top:13px;}
.cart-jiesuan .goods h1{line-height:normal;}
.cart-jiesuan section .tableView{margin-bottom:8px;}
.cart-jiesuan .tableView li h1{font-size:12px;}
.cart-jiesuan .tableView li li{margin-left:63px; margin-right:60px; padding:10px 0; height:53px;}
.cart-jiesuan .tableView li li .pic{display:block; float:left; margin-left:-63px; width:53px; height:53px; border:1px solid #eaeaea; text-decoration:none; box-sizing:border-box; background:no-repeat center center; background-size:cover;}
.cart-jiesuan .tableView li li .right{float:right; width:60px; text-align:right; margin-right:-60px;}
.cart-jiesuan .tableView li li .right div{display:block; font-size:12px; color:#bbb; -webkit-transform:scale(0.84); transform:scale(0.84); -webkit-transform-origin:right; transform-origin:right;}
.cart-jiesuan .tableView li li .right .price{color:#d3100f;}
.cart-jiesuan .tableView li li .name{display:block; font-size:12px; color:#333; height:33px; text-decoration:none;}
.cart-jiesuan .tableView li li .spec{font-size:12px; color:#bbb; line-height:20px; -webkit-transform:scale(0.9); transform:scale(0.9); -webkit-transform-origin:left; transform-origin:left;}
.cart-jiesuan .payMethod li h1{margin:0; padding:0;}
.cart-jiesuan .payMethod li:first-child h1{padding-left:15px;}
.cart-jiesuan .payMethod li input{display:none;}
.cart-jiesuan .payMethod li label{display:block; width:100%; height:100%; overflow:hidden; cursor:pointer; background:url(../images/mobile/member/m-tick@2x.png) no-repeat right center; background-size:auto 100%;}
.cart-jiesuan .payMethod li input:checked + label{background-image:url(../images/mobile/member/m-tick-x@2x.png);}
.cart-jiesuan .payMethod li em{width:44px; height:44px; margin:0;}
.cart-jiesuan .payMethod .yue em{background-image:url(../images/mobile/cart/shopping-pay-yue@2x.png);}
.cart-jiesuan .payMethod .wxpay em{background-image:url(../images/mobile/cart/shopping-pay-wxpay@2x.png);}
.cart-jiesuan .payMethod .alipay em{background-image:url(../images/mobile/cart/shopping-pay-alipay@2x.png);}
.cart-jiesuan .tableView big{font-size:12px; color:#d3100f; -webkit-transform:scale(0.84); transform:scale(0.84); -webkit-transform-origin:right; transform-origin:right;}
.cart-jiesuan .tableView big span{color:#bbb;}
.cart-jiesuan .tableView big font{display:inline-block; line-height:26px; height:30px;}
.cart-jiesuan .bottomView{position:fixed; z-index:200; left:0; bottom:0; width:100%; height:42px; line-height:36px; text-align:left;}
.cart-jiesuan .bottomView div{padding-left:15px; font-size:12px;}
.cart-jiesuan .bottomView div span{color:#d3100f;}
.cart-jiesuan .bottomView a{display:block; float:right; width:100px; line-height:42px; text-align:center; text-decoration:none; color:#fff; font-size:12px; background:#ce0000;}
.cart-jiesuan .bottomView.toolBar-black div{color:#fff;}
.cart-jiesuan .bottomView.toolBar-black div span{color:#fff;}

.cart-jiesuan .groupView{background:#fff; margin-bottom:8px; overflow:hidden;}
.cart-jiesuan .groupView li{padding:0 10px;}
.cart-jiesuan .groupView li .row{padding:10px 0; margin-left:65px; margin-right:70px; height:55px; text-align:left; font-size:12px; color:#333;}
.cart-jiesuan .groupView li .row .pic{margin-left:-65px; float:left; width:55px; height:55px; background:no-repeat center center; background-size:cover;}
.cart-jiesuan .groupView li .row .right{margin-right:-70px; float:right; width:70px;}
.cart-jiesuan .groupView li .row .right div{line-height:18px; text-align:right; font-size:12px; color:#bbb; margin-bottom:5px; -webkit-transform:scale(0.91); transform:scale(0.91); -webkit-transform-origin:right; transform-origin:right;}
.cart-jiesuan .groupView li .row .right .price{color:#d3100f;}
.cart-jiesuan .groupView .view{line-height:40px; text-align:left; margin:0 10px;}
.cart-jiesuan .groupView .view .name{float:left; font-size:12px; height:40px; margin-right:10px; color:#333;}
.cart-jiesuan .groupView .view .numView{float:left; font-size:12px; color:#333; margin-top:10px; height:20px; line-height:20px; -webkit-transform:scale(0.84); transform:scale(0.84); -webkit-transform-origin:left; transform-origin:left; opacity:0; -webkit-transition:opacity 200ms ease-out; transition:opacity 200ms ease-out;}
.cart-jiesuan .groupView .view .numView span{display:inline-block; vertical-align:middle; margin:0 3px; font-size:12px; width:20px; height:20px; text-align:center; color:#fff; background:#e24e17; border-radius:4px;}
.cart-jiesuan .groupView .view .numView.x{opacity:1;}
.cart-jiesuan .groupView .view .area{background:#f3f3f3; border-radius:10px; padding:10px 10px 0 10px; overflow:hidden; margin-bottom:10px;}
.cart-jiesuan .groupView .view .area a{display:block; float:left; width:18px; height:18px; line-height:18px; text-align:center; background:#bababa; border-radius:4px; text-decoration:none; margin-right:10px; margin-bottom:10px; -webkit-transition:background 200ms ease-out; transition:background 200ms ease-out;}
.cart-jiesuan .groupView .view .area a span{display:block; width:100%; height:100%; font-size:12px; color:#fff; -webkit-transform:scale(0.84); transform:scale(0.84);}
.cart-jiesuan .groupView .view .area a.x{background:#e24e17;}
.cart-jiesuan .groupView .view .area textarea{width:100%; height:75px; font-size:12px; background-color:transparent; border:none;}

.cart-pay{padding-bottom:20px;}
.cart-pay i{display:block; width:100%; height:155px; background:url(../images/mobile/cart/c-complete@2x.png) no-repeat center center; background-size:auto 100%;}
.cart-pay .tip{line-height:22px; font-size:18px; font-weight:500; color:#333;}
.cart-pay .font{line-height:30px; font-size:12px; color:#666;}
.cart-pay ul{margin:0 auto; margin-top:10px; width:250px; border:1px solid #c7c7c7; border-radius:4px;}
.cart-pay ul li{height:40px; line-height:40px;}
.cart-pay ul li div, .cart-pay ul li span{display:block; float:left; font-size:12px; width:80px; height:40px; text-align:right; padding:0 5px; box-sizing:border-box;}
.cart-pay ul li div{color:#333;}
.cart-pay ul li span{width:160px; text-align:left;}
.cart-pay ul li span.r{color:#d00000; line-height:35px;}
.cart-pay .buttonView{width:150px;}
.cart-pay .buttonView a{height:35px; line-height:35px; font-size:13px;}
.cart-pay .buttonView .wx{margin-top:0; margin-bottom:0; background:#53a046;}

body.half .footer::before{-webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
body.half .overlay-small{-webkit-transform:scale(0.5); transform:scale(0.5);}
body.half .address-list li .bottomView .btn{border:0.5px solid #ccc;}
body.half .member-order .tableView li .view a ul li:after{-webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
body.half .cart-index section > header:after{-webkit-transform:scaleY(0.5); transform:scaleY(0.5);}
body.half .cart-index .tableView li .view .num{border:0.5px solid #ddd;}


.view .order_cancel{text-align: right;height: 25px !important;}
.view .order_cancel > span{font-size: 12px;display: inline-block !important;width: 50px;height: 22px; border:1px solid rgba(206,0,0,0.98);text-align: center;line-height: 22px;border-radius: 3px;background: rgba(206,0,0,0.98);margin-top: 3px;color: #fff;transform: scale(0.9);transform-origin: right;}




























